

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>代理排行</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/static/layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/static/layuiadmin/style/admin.css" media="all">
</head>
<body>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
      <div class="layui-form-item">
        <div class="layui-inline">
          <input type="number" name="agent_id" placeholder="代理id" autocomplete="off" class="layui-input">
        </div>

        <div class="layui-inline">
          <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-search">
            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
          </button>
        </div>


      </div>
    </div>
    <div class="layui-card-body">
      <table id="LAY-recommend" lay-filter="LAY-recommend"></table>
      <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
          <button class="layui-btn  layui-btn-sm" lay-event="ref">更新数据</button>
        </div>
      </script>
    </div>


  </div>

</div>


<script src="/static/layuiadmin/layui/layui.js"></script>
<script>
  var $;
  layui.config({
    base: '/static/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index','table','admin'], function(){
    $ = layui.$
            ,form = layui.form
            ,admin = layui.admin
            ,table = layui.table;


    form.on('submit(LAY-user-search)', function(data){
      var field = data.field;
      //执行重载
      table.reload('LAY-recommend', {
        where: field
        ,page: {
          curr: 1  // 将页码重置为第一页
        }
      });
    });


    table.render({
      elem: '#LAY-recommend'
      , url: '/rank/agent' //模拟接口
      , response: {
        statusCode: 1 //规定成功的状态码，本来是：0，现在统一改为1
      }
      , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
      , defaultToolbar: false
      , even: true //开启隔行背景
      , cellMinWidth: 150
      , page: true //开启分页
      , limit: 20
      , limits: [10, 20, 30, 50, 100]
      , cols: [
        [ {field: 'agent_id', title: '代理id', width: 80}
          , {title: '代理账号', minWidth: 100,templet:function (d) {
            return '<a onclick="switch_account('+d.agent_id+')" style="color: #009688; cursor: pointer">'+d.agent.account+'</a>';
          }}
          , {title: '开户时间', width: 120,templet:function (d) {
            return d.agent.create_time;
          }}
          , {field: 'amount', title: '总充值', sort: true}
          , {field: 'today_amount', title: '当日充值', sort: true, style:'background-color: #BCB;'}
          , {field: 'today_new_amount', title: '当日新用户充值',sort: true, style:'background-color: #BCB;'}
          , {field: 'yesterday_amount', title: '昨日充值',sort: true, style:'background-color: #EDC;'}
          , {field: 'yesterday_new_amount', title: '昨日新用户充值',sort: true, style:'background-color: #EDC;'}
          , {field: 'amount_7', title: '7日充值',sort: true, style:'background-color: #BDE;'}
          , {field: 'new_amount_7', title: '7日新用户充值',sort: true, style:'background-color: #BDE;'}
          , {field: 'amount_30', title: '30日充值',sort: true, style:'background-color: #EED;'}
          , {field: 'new_amount_30', title: '30日新用户充值',sort: true, style:'background-color: #EED;'}
          , {field: 'update_time', title: '更新时间', minWidth: 180}
         ]]
    });


    //头工具栏事件
    table.on('toolbar(LAY-recommend)', function (obj) {
      var checkStatus = table.checkStatus(obj.config.id);
      switch (obj.event) {
        case 'ref':
          var tipIndex = layer.load(1, {
            shade: [0.1,'#fff',false] //0.1透明度的白色背景
          });
          admin.req({
            url: '/rank/refreshData'
            , type: "POST"
            , data: {'type': 'agent'}
            , done: function (res) {
              layer.msg('刷新成功，请勿多次刷新，每日会有任务执行数据更新', {icon: 1, time: 1000}, function () {
                table.reload('LAY-recommend');
                layer.close(tipIndex);
              });
            },not_finish:function (res) {
              layer.msg(res.msg,{time: 2000});
              layer.close(tipIndex);
            }
          });
          break;
      }
    });


    //触发排序事件
    table.on('sort(LAY-recommend)', function(obj){ //注：sort 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
      console.log(obj.field); //当前排序的字段名
      console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
      console.log(this); //当前排序的 th 对象

      //尽管我们的 table 自带排序功能，但并没有请求服务端。
      //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：
      table.reload('LAY-recommend', {
        initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
        ,where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
          field: obj.field //排序字段
          ,order: obj.type //排序方式
        }
        ,page: {
          curr: 1  // 将页码重置为第一页
        }
      });
      //layer.msg('服务端排序。order by '+ obj.field + ' ' + obj.type);
    });


  });

  function switch_account(id) {
    $.ajax({
      url: "{:url('ManagerUser/switch_account')}",
      type: "post",
      dataType: "json",
      data: {id:id},
      async: true,
      success: function (rs) {
        if (rs['code'] == 100) {
          parent.location.href = '/';
        } else {
          layer.msg(rs['msg']);
        }
        return false;
      }
    });
  }
</script>
</body>
</html>

